<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
	
    <link rel="stylesheet" href="${pageContext.request.contextPath}/pages/css/userLoginStyle.css">
	
    <script src="${pageContext.request.contextPath}/pages/js/userLoginForm.js"></script>
	
</head>
<body>

    <div class="form" style="position:relative">
		
		<!--登录表单-->
        <!--登录表单-->
        <div class="form_login" style="height:0;">
			
			<form action="${pageContext.request.contextPath}/UserMessage/login.do" method="post">
				<h1>登录表单</h1>
				<div class="form_item">
					<label for="username">用户名：</label>
					<input type="text" name="userName" id="username" placeholder="请输入用户名"  value="${user_message.userName}" required>
				</div>
				<div class="form_item">
					<label for="password">密码：</label>
					<input type="password" name="password" id="password" placeholder="请输入密码名" value="${user_message.password}" required>
				</div>
				<div class="form_item">
					<input type="submit" value="登录">
				</div>
			</form>
			<div class="info">没有账号？点击<span class="switch register_Btn">注册账号</span></div>
			
         </div>
        
		
		
		
		<!--注册表单-->
        <div class="form_register" style="position:absolute">  
            <form action="${pageContext.request.contextPath}/UserMessage/addUserMessage.do" method="post">
                <h1>注册表单</h1>
                <div class="form_item">
                    <label for="username">用户名：</label>
                    <input type="text" name="userName" id="username" placeholder="请输入用户名" required >
                </div>
                <div class="form_item">
                    <label for="password">密码：</label>
                    <input type="password" name="password" id="password" placeholder="请输入密码名" required>
                </div>
                <div class="form_item">
                    <label for="tel">电话：</label>
                    <input type="tel" name="userPhone" id="tel" placeholder="请输入手机号码" required>
                </div>
                <div class="form_item">
                    <label for="email">电子邮箱：</label>
                    <input type="email" name="userEmail" id="email" placeholder="请输入电子邮件" required>
                </div>              
                <div class="form_item">
                    <input type="submit" value="注册">
                </div>
            </form>
            <div class="info">已有账号？点击<span class="switch login_Btn">登录</span></div>
        </div>
		
		
        
    </div>
</body>
</html>